<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="GB2312" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>邮件模板</title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
      }

      li {
        line-height: 35px !important;
      }

      .box-group {
        background-color: #ffffff;
        border-radius: 5px;
        margin-bottom: 20px;
        padding: 15px 20px;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
      }

      .box-group .title {
        color: #242834;
        padding-left: 10px;
        border-left: 4px solid rgb(91, 193, 87);
        line-height: 1;
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .box-group .listContent {
        overflow: hidden;
        font-family: Arial, Helvetica, sans-serif;

        width: 100px;
        font-size: 35px;
        font-weight: 700;
        font-family: Arial;
        line-height: 35px;
        text-align: center;
      }

      .box-group-main {
        margin: 0 15px;
      }

      .info {
        margin-top: 20px;
      }

      .info .leftTitle {
        font-family: 思源黑体;
        width: 100px;
        height: 35px;
        display: block;
        margin: 15px 0 0 21px;
        text-align: center;
        line-height: 35px;
        background-color: rgb(235, 235, 235);
        color: #242834;
      }
      .shuhang .leftTitle {
        margin-left: 50px;
      }
      .little .leftTitle {
        width: 120px;
      }
      .info .rightContent {
        overflow: hidden;
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        width: 600px;
        height: 35px;
        display: block;
        margin: 15px 0 0 21px;
        text-align: left;
        line-height: 35px;
        color: #242834;
      }

      .info .area {
        width: 600px;
        height: auto;
        margin: 15px 0 0 21px;
      }
      .info .area ul {
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        width: 100%;
        margin: 0;
        text-align: left;
        line-height: 35px !important;
        color: #242834;
      }

      .little a {
        font-size: 16px;
        font-weight: 400;
        text-decoration-line: underline;
        color: rgb(0, 107, 255);
        font-family: Arial, Helvetica, sans-serif;
        width: 600px;
        height: 35px;
        /* display: block; */
        text-align: left;
        line-height: 35px;
      }
    </style>
  </head>

  <body
    style="
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      padding: 0;
      margin: 0;
      display: unset;
      background-color: #fff;
      line-height: 25px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: #242834;
      font-size: 16px;
    "
  >
    <table
      style="width: 900px; margin: 0 auto; background-color: rgb(250, 250, 250)"
    >
      <tr>
        <td>
          <img
            alt=""
            style="display: block"
            width="100%"
            src=""
          />
        </td>
      </tr>
      <tr>
        <td style="padding: 0 27px 30px">
          <div class="box-group info" style="border-radius: 5px">
            <div class="title">测试简报</div>
            <table>
              <tr>
                <td>
                  <span class="leftTitle" style="margin-top: 20px"
                    >测试时间</span
                  >
                </td>
                <td>
                  <span class="rightContent" style="margin-top: 20px"
                    >${BUILD_TIMESTAMP}</span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <span class="leftTitle">执行组</span>
                </td>
                <td>
                  <span class="rightContent">自动化性能组</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span style="margin-bottom: 20px" class="leftTitle"
                    >测试报告</span
                  >
                </td>
                <td>
                  <span style="margin-bottom: 20px" class="rightContent"
                    ><a
                      style="
                        margin-bottom: 20px;
                        font-size: 16px;
                        font-weight: 400;
                        text-decoration-line: underline;
                        color: rgb(0, 107, 255);
                        font-family: Arial, Helvetica, sans-serif;
                        width: 600px;
                        height: 35px;
                        text-align: left;
                        line-height: 35px;
                      "
                      href="${PROJECT_URL}allure"
                      >${PROJECT_URL}allure</a
                    ></span
                  >
                </td>
              </tr>
            </table>
          </div>

          <div
            class="box-group info shuhang"
            style="height: 200px; border-radius: 5px"
          >
            <div class="title">测试简报</div>
            <table style="table-layout: fixed" width="490">
              <tr>
                <!-- 第一行 -->
                <td style="text-align: center; vertical-align: middle">
                  <span class="leftTitle">成功用例</span>
                </td>
                <td style="text-align: center; vertical-align: middle">
                  <span class="leftTitle">失败用例</span>
                </td>
                <td style="text-align: center; vertical-align: middle">
                  <span class="leftTitle">跳过用例</span>
                </td>
                <td style="text-align: center; vertical-align: middle">
                  <span class="leftTitle">共执行用例</span>
                </td>
              </tr>
              <tr>
                <!-- 第二行 -->
                <td
                  style="
                    padding-top: 30px;
                    text-align: center;
                    vertical-align: middle;
                  "
                >
                  <span class="listContent" style="color: #38ac33"
                    >${TEST_COUNTS, var="pass"}</span
                  >
                </td>
                <td
                  style="
                    padding-top: 30px;
                    text-align: center;
                    vertical-align: middle;
                  "
                >
                  <span class="listContent" style="color: #ffa700"
                    >${TEST_COUNTS, var="fail"}</span
                  >
                </td>
                <td
                  style="
                    padding-top: 30px;
                    text-align: center;
                    vertical-align: middle;
                  "
                >
                  <span class="listContent" style="color: #8397b0"
                    >${TEST_COUNTS, var="skip"}</span
                  >
                </td>
                <td
                  style="
                    padding-top: 30px;
                    text-align: center;
                    vertical-align: middle;
                  "
                >
                  <span class="listContent" style="color: #1e1e1e"
                    >${TEST_COUNTS}</span
                  >
                </td>
              </tr>
            </table>
          </div>

          <div class="box-group info little" style="padding-bottom: 30px">
            <div class="title">构建信息</div>
            <table>
              <tr>
                <td>
                  <span class="leftTitle" style="margin-top: 20px"
                    >项目名称</span
                  >
                </td>
                <td>
                  <span
                    class="rightContent"
                    style="margin-top: 20px; font-size: 16px"
                    >${PROJECT_NAME}</span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <span class="leftTitle">构建编号</span>
                </td>
                <td>
                  <span class="rightContent" style="font-size: 16px"
                    >第${BUILD_NUMBER}次构建</span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <span class="leftTitle">触发原因</span>
                </td>
                <td>
                  <span class="rightContent" style="font-size: 16px"
                    >${CAUSE}</span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <span class="leftTitle">构建状态</span>
                </td>
                <td>
                  <span class="rightContent" style="font-size: 16px"
                    >${BUILD_STATUS}</span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <span class="leftTitle">构建日志</span>
                </td>
                <td>
                  <span class="rightContent"
                    ><a href="${BUILD_URL}console" style="font-size: 16px"
                      >${BUILD_URL}console</a
                    ></span
                  >
                </td>
              </tr>
              <tr>
                <td>
                  <span class="leftTitle">工作目录</span>
                </td>
                <td>
                  <span class="rightContent"
                    ><a href="${PROJECT_URL}ws" style="font-size: 16px"
                      >${PROJECT_URL}ws</a
                    ></span
                  >
                </td>
              </tr>
              <tr>
                <td style="vertical-align: top">
                  <span class="leftTitle">Git提交信息</span>
                </td>
                <td>
                  <div class="area" style="font-size: 16px">
                    <ul>
                      ${CHANGES_SINCE_LAST_SUCCESS, reverse=true, format="%c",
                      changesFormat="
                      <li>%d [%a] %m</li>
                      "}
                    </ul>
                  </div>
                </td>
              </tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
  </body>
</html>
